<div  >
    <div class="m-portlet m-portlet--mobile" style="margin: 0;">
        <div class="m-portlet__body" >
            <div class="row align-items-center">
                <!--<Primeng-TurboTable-Start>-->
                <div class="primeng-datatable-container" [busyIf]="isLoading">
                    <p-table #dataTable [value]="supplierquotations" rows="{{rows}}" editMode='row' dataKey="taskForModelId" [paginator]="false" [lazy]="true" [scrollable]="true" ScrollWidth="100%" [resizableColumns]="true">
                        <ng-template pTemplate="header">
                            <tr>
                                <th style="width: 120px">操作 </th>
                                <th style="width: 120px">任务编号</th>
                                <th style="width: 120px"> 产图号</th>
                                <th style="width: 150px"> 产品名称</th>
                                <th style="width: 150px">数量</th>
                                <th style="width: 150px">供料方式 </th>
                                <th style="width: 150px"> 加工状态</th>
                                <th style="width: 150px"> 进度要求 </th>
                                <th style="width: 150px"> 单件(元) </th>
                                <th style="width: 150px"> 总价(元) </th>
                                <th style="width: 150px"> 备注 </th>
                            </tr>
                        </ng-template>
                        <ng-template pTemplate="body" let-rowData let-editing="editing" let-ri='rowIndex'>
                            <tr [pEditableRow]='rowData'>
                                <td style="width: 120px">
                                    <button *ngIf="!editing" pButton type="button" pInitEditableRow icon="pi pi-pencil" class="ui-button-info" (click)="onRowEditInit(rowData)"></button>
                                    <button *ngIf="editing" pButton type="button" pSaveEditableRow icon="pi pi-check" class="ui-button-success" style="margin-right: .5em" (click)="onRowEditSave(rowData)"></button>
                                    <button *ngIf="editing" pButton type="button" pCancelEditableRow icon="pi pi-times" class="ui-button-danger" (click)="onRowEditCancel(rowData, ri)"></button>
                                </td>
                                <td style="width: 120px">
                                    <span class="ui-column-title"> </span> {{rowData.taskCode}}
                                </td>
                                <td style="width: 120px">
                                    <span class="ui-column-title"> </span> {{rowData.picNo}}
                                </td>
                                <td style="width: 150px">
                                    <span class="ui-column-title"> </span> {{rowData.taskName}}
                                </td>
                                <td style="width: 150px">
                                    <span class="ui-column-title"> </span> {{rowData.outsouringAmount}}
                                </td>
                                <td style="width: 150px">
                                    <p-cellEditor>
                                        <ng-template pTemplate="input">
                                            <input pInputText type="text" style='width:70px;' name='feedingMethod' [(ngModel)]="rowData.feedingMethod" required>
                                        </ng-template>
                                        <ng-template pTemplate="output">
                                            {{rowData.feedingMethod}}
                                        </ng-template>
                                    </p-cellEditor>
                                </td>
                                <td style="width: 150px">
                                    <span class="ui-column-title"> </span> {{rowData.workStatus}}
                                </td>
                                <td style="width: 150px">
                                    {{rowData.deliveryRate | date:'short' }}
                                </td>
                                <td style="width: 150px">
                                    <p-cellEditor>
                                        <ng-template pTemplate="input">
                                            <div class="ui-inputgroup">
                                                <span class="ui-inputgroup-addon">¥</span>
                                                <input pInputText type="text" style='width:90px;' name='unitPrice' [(ngModel)]="rowData.unitPrice" required>
                                            </div>
                                        </ng-template>
                                        <ng-template pTemplate="output">
                                            {{rowData.unitPrice}}
                                        </ng-template>
                                    </p-cellEditor>
                                </td>
                                <td style="width: 150px">
                                    <span class="ui-column-title" > </span> {{rowData.unitPrice*rowData.outsouringAmount}}
                                </td>
                                <td style="width: 150px">
                                    {{rowData.remark}}
                                </td>
                            </tr>
                        </ng-template>
                    </p-table>
                    <div class="primeng-no-data" *ngIf="rows == 0">
                        {{'NoData' | localize}}
                    </div>
                    <!-- <div class="primeng-paging-container">
            <p-paginator [rows]="primengTableHelper.defaultRecordsCountPerPage" #paginator> </p-paginator>
          </div> -->
                </div>
                <!--<Primeng-TurboTable-End>-->
            </div>
            <div class="row">
                <!-- <h3>备注：可根据实际情况添加报价明细或添加详细报价附表</h3> -->
            </div>
        </div>
    </div>
</div>